body{font-family:Arial,'microsoft yahei',Helvetica, sans-serif; color: #333;}
a,button{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
ul{list-style:none;}
h2{margin: 0px; padding: 0px;}
header{background-color: #2C2B2B;}
.top_menu{font-size: 12px; color: #7C98A2;  width: 100%;  height: 30px; background-color: #272526;color: #B3B3B3;}
.top_lang{float: right;height: 30px; padding: 4px 10px 0px 10px; }
.top_name{display: inline-block; padding-top:6px;}
.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ dissplay:none; }
.img-thumbnail:hover,.opacity_img:hover{opacity: 0.8; }

/*导航菜单*/
.navbar{margin:0px; background-color:#202020; border: none;}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #CFA970;}

/*产品搜索*/
.search_group{float: right; margin:20px 0px 0px 0px;}
.search_group input.form-control{ border-radius: 0px; border: none; box-shadow: none; padding: 12px 10px;height: 38px; background-color: #3a3839; border-right: none;color:#fff;}
#submit_search{color:#fff;font-size: 16px; height: 38px; background-color:#CFA970; border-radius: 0px; margin-top: -1px;}
#submit_search:hover{cursor: pointer; background-color: #DCBD8E;}
#small_search{color:#fff; float: right; margin-top: 7px; padding:8px 13px;font-size: 17px;border-radius: 4px;}
#small_search:hover,#small_search:focus{cursor: pointer; background-color: #CFA970;}

/*我们的优势*/
.advantage{text-align: center; color: #fff; padding: 55px 0px 30px 0px; background-position:center;background-repeat:no-repeat; background-color: #1C1C1C; margin-top: 20px;}
.advantage_head p{text-transform: uppercase; font-family: 'Times New Roman'; font-size: 25px; margin: 0px; padding: 0px;}
.advantage_head h2{font-size: 24px;}
.advantage_list{margin-top: 25px;}
.advantage_col{margin-top: 30px; margin-bottom: 50px;text-align: left;}
.advantage_col h4{text-align: left;padding-top: 8px;}
.advantage_col h4 a{color: #fff;}
.advantage_col h4 a:hover{color: #CFA970; text-decoration: none;}
.advantage_col span{display: inline-block; text-align: left; border-top: 1px solid #505050; padding-top: 9px;}
.advantage_col img{max-width: 100px; -webkit-transition: -webkit-transform 1.2s ease-out; -moz-transition: -moz-transform 1.2s ease-out; -o-transition: -o-transform 1.2s ease-out; -ms-transition: -ms-transform 1.2s ease-out;}
.advantage_col img:hover {-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}

/*公司简介*/
.about_index{padding: 35px 20px 50px 20px; }
.about_head{border-bottom:1px solid #eaeaea; text-align: left;}
.about_head h2{font-size: 24px; color: #767676; margin-bottom: -12px;}
.about_head span{font-size: 20px;color: #AD8645; padding-right: 7px; position: relative; top:12px; background-color: #fff;}
.about_content p{}
.about_content img{margin: 9px 30px 0px 0px; }
.about_content a.btn-info{color: #000; background: transparent; border-radius: 0px; border:1px solid #000; padding: 8px 36px;}
.about_content a.btn-info:hover,.about_content a.btn-info:focus{color: #fff; background: #000; border:1px solid #000; }

/*首页产品*/
.product_head{background: url(line.gif) no-repeat center center; height: 65px;}
.product_head h2{font-size: 32px; font-weight: bold; text-align: center; color: #38383A; margin: 0px; padding-top: 15px;}
.product_head p{font-family: 'Times New Roman';text-align: center;padding-top: 2px;  font-size: 16px;color: #3B3C3E; margin-bottom:5px;}
.product_index{margin:45px 0px 0px 0px;}
.product_list{clear: both;  padding: 50px 0px 30px 0px;margin-right: -15px;margin-left: -15px;}
.product_list2{padding-top: 30px;}
.product_img{padding-left: 15px; padding-right: 15px; min-height: 300px;}
.product_img img{margin-right: auto;margin-left: auto;display: block;max-width: 100%;height: auto; margin-bottom: 10px;  max-height: 320px;}
.product_list2 div.product_img{min-height: 220px;width:33.33%}
.product_title{ text-align: center;padding: 0px 15px 0px 0px; height: 40px;}
.product_title a{ color: #656464;}
.product_title a:hover{text-decoration: none;color:#CFA970;}

/*首页案例*/
.case_box{background-color: #F6F6F6;padding:35px 0px 0px 0px;}
.case_head h2{text-align: center;margin-bottom: 5px;}
.case_head p{text-align: center;font-family: 'Times New Roman';}
.case_list{clear: both;  padding: 30px 0px 10px 0px;margin-right: -15px;margin-left: -15px;}

/*首页新闻*/
.news_head{margin-top: 40px;}
.news_head h2{text-align: center;margin-bottom: 5px;}
.news_head p{text-align: center;font-family: 'Times New Roman';}
.news_index{clear: both; list-style:none;margin:0px; padding:20px 0px 0px 15px;}
.news_index li{margin-bottom: 20px;  min-height: 70px; border: 1px solid #e4e4e4;
    background-color: #f1f1f1;}
.container .row .col-xs-12 .news_index li:hover{	background-color: #d2d2d2;color: #fff!important;}

.news_index li span{display: inline-block;  text-align: center;  color:#b1b1b1;  padding:0px 2px; position: relative; }
.news_index li span strong{display: block; font-size: 28px; padding-top: 5px;}
.news_index li span {display: block; font-size: 20px;  font-style: normal; font-family: Arial;}
.news_index li a{color:#333;font-size: 18px;}
.news_index li a:hover{ text-decoration:none;color:#CFA970; }
.news_index li em{ font-style: normal; display:inline-block; line-height: 18px;color: #777; padding-top: 10px;}

/*列表页*/
.list_box{clear: both; padding:10px 0px 0px 0px;}
.page_bg{height: 160px;}

/*栏目导航*/
.left_nav{ clear: both; padding-top: 10px;}
.left_h{background:url(title_line.jpg) left bottom no-repeat; font-size: 22px; display: block; margin-top: 25px; padding: 0px 0px 10px 0px; color: #2C2B2B;}
.left_nav_ul{list-style:none;margin:0px;padding:0px; margin:15px 0px 0px 0px;}
.left_nav_ul > li{position:relative; border-bottom: 1px solid #f2f2f2; background: url(left_sli.gif) 6px 15px no-repeat;padding:8px 0px 8px 18px; }
.left_nav_ul > li > a{text-decoration:none; color:#656464;}
.left_nav_ul > li > a:hover,.left_nav_ul li a.left_active{color:#CFA970;}
/*小类*/
ul.left_snav_ul{list-style:none;padding:0px;display: none; padding-top: 8px;}
ul.left_snav_ul > li{ margin:0px;padding:5px 0px 5px 10px; background: url(left_sli.gif) 0px 13px no-repeat;}
ul.left_snav_ul > li > a{border:0;color:#797979;padding: 5px 0px 5px 0px;}
ul.left_snav_ul > li > a:hover{ text-decoration: none;color:#CFA970;}
.menu_head{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px; text-align:center;color:#303c4b;display:inline-block;position: absolute; top:3px; right:0px;}
.menu_head:hover{ color: #CFA970;}

/*左侧新闻*/
.left_news{clear: both; list-style:none;margin:0px; padding:12px 0px 0px 0px;}
.left_news li{color:#545455;border-bottom: 1px dotted #dddddd;background: url(li.png) no-repeat left 15px;line-height:21px; padding: 10px 0px; padding-left:14px;}
.left_news li a{color:#7F7F80;}
.left_news li a:hover{ text-decoration:none;color:#CFA970; }

/*左侧联系*/
.index_contact{margin:30px 0px 35px 0px;}
.index_contact p,.index_econtact p{clear: both;}

/*新闻列表*/
.list_news{clear: both; list-style:none;margin:0px; padding:12px 0px 20px 0px;}
.list_news li{color:#898989;background: url(li.png) no-repeat left 14px;line-height:22px; padding:8px 0px; padding-left:13px;border-bottom: 1px dashed #e3e2e2;/*dotted*/ }
.list_news li a{color:#303c4b;}
.list_news li a:hover{text-decoration:none;color:#CFA970;}
.news_time{ float:right;}

.contents{clear: both; padding:15px 2px 0px 2px; line-height:28px; overflow: auto;}
.contents_title{ margin: 0px; padding: 10px 0px; text-align: center; color: #000; font-size:18px;color:#434343;font-weight:bold; line-height: 34px;}

/*分页样式*/
.page{clear:both; margin:20px 0px 0px 0px; text-align: center;}
.page a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}
.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}
.page .current {font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}

/*产品展示*/
#pic-page {text-align: center; margin-top:10px;}
#pic-page a {margin: 0 2px;}
#pic-page a img {width:40px;padding: 2px;border: solid #ccc 1px; margin-bottom:5px;}
#pic-page a:hover img,#pic-page a.active img {border: solid #5280DD 1px;}
.showpic_box,.proinfo_box{margin: 30px 0px 20px 0px;}
.showpic_box div.bx-wrapper img{margin: 0 auto; max-height: 340px;}
.product_h1{ margin:0px; line-height:24px; font-size:16px; color: #B97809; padding-bottom:5px;border-bottom: 1px dotted #cccccc;}
.product_info{list-style:none; padding:0px; margin-top:10px;}
.product_info li{ line-height:24px; padding-bottom:12px;}
.product_con{ clear: both; border-top: 1px dotted #ccc; margin:10px 0px 20px 0px;padding:20px 0px 0px 0px; line-height:26px;overflow: auto;}

.related_h1{padding: 30px 0px 12px 0px; color: #303c4b; margin:0px; display: block;  font-weight:300; font-size:24px; border-bottom:5px solid #f4f5f6;font-family:'Roboto',Arial,Helvetica, sans-serif;}
.related_list{padding-top: 25px;}
.related_news{ padding-top: 10px; clear: both; margin-bottom: 15px;}

.download_btn{text-align: right; margin: 10px 10px 20px 0px;}
.page-btn{background-color: #C79447; border-radius: 0px; border: none;}
.page-btn:hover,.page-btn:focus{background-color:#31363c; }
.grey-btn{border-radius: 0px;border: none; background-color: #E8E8E8;}
.grey-btn:hover,.grey-btn:focus{background-color: #ccc;}

.a2a_default_style{display: inline-block;}

/*在线留言订购*/
.feedback{margin-top: 40px;}
.form-horizontal .form-group { margin-right: -10px;margin-left: -10px;}
.codeimg{ margin: 0px 0px -10px -18px;}


/*上一个下一个*/
.point{ clear: both; margin:20px 0px 40px 0px; padding-bottom: 40px; line-height:22px;}
.point span.to_prev{text-align:center; }
.point span.to_prev a{color:#0068b7;}
.point span.to_prev a:hover{color: #CFA970}
.point span.to_next{text-align:center; }
.point span.to_next a{color:#0068b7;}
.point span.to_next a:hover{color: #CFA970}

/*标签样式*/
.tags{ margin: 15px 0px 10px 0px}
.tags a{ margin: 0px 5px 8px 0px}
.tags_list{padding: 5px 10px 100px 10px}
.tags_ul{ margin-top: 10px;}
.tags_ul li{line-height: 28px; margin-bottom: 8px; padding-bottom: 10px;}
.tags_ul h3{font-size: 14px; padding: 0px; margin: 0px;line-height: 20px;}
.tags_ul p{font-size: 13px;padding: 0px; margin: 0px; color: #a0a0a0; line-height: 20px; padding-top: 8px;}

/*网站地图*/
ul.ul_sitemap{margin: 30px 0px 40px 30px;}
ul.ul_sitemap li{list-style: none; line-height: 26px;clear: both;}
ul.ul_sitemap li a{color: #7d7d7d;}
li.small_li_sitemap{clear: both;padding-left: 12px;}
li.small_li2_sitemap{float: left; padding-left: 20px;}


/*首页Tags*/
.tags_box{background-color: #545454; padding: 9px 0px 9px 0px; text-align: center;color: #E9E9EA;font-size: 13px;}
.tags_box a{color: #E9E9EA; border-right: 1px solid #BBBBBB; padding:0px 8px 0px 8px;font-size: 13px;}
.tags_box a:hover{text-decoration: none; color: #CFA970;}
.tags_box a:last-child{border-right:0px;}
.tags_box button{display: none;}
.tags_title{font-size: 13px; margin-right: -6px;}
.tags_title a{padding:0px 10px 0px 0px;}
.tags_title:after{content:"：";}

/*友情链接*/
.link_box{background-color: #4A4A4A; padding: 10px 0px; text-align: center;color: #E9E9EA;font-size: 12px; margin-top: 25px;}
.link_box a{color: #E9E9EA; border-right: 1px solid #BBBBBB; padding:0px 5px 0px 5px; font-size: 12px;}
.link_box a:hover{text-decoration: none; color: #CFA970;}
.link_box a:last-child{border-right:0px;}
.link_box button{display: none;}
.link_title{font-size: 13px; margin-right: -6px;}
.link_title:after{content:"：";}

/*底部信息*/
footer{ text-align:center; background-color: #333; color:#fff; padding:30px 0px 20px 0px; font-size:12px;}
.copyright{ line-height:20px;}
.copyright a{ color:#fff;}
.foot_nav{ width:25%; float:left;background-color: #fafafa;text-align:center;color:#898989;} 
.foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;cursor:pointer;}
.foot_nav a{color:#898989;display:block;}
.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}
.foot_nav span{display:block; padding:3px 0px 0px 0px;}
.webshare{width: 230px; padding: 5px;}
.ewebshare{width: 200px; padding: 5px;}

/*大屏幕*/
@media screen and (min-width: 769px) {
       header{}
       .logo{ max-width: 700px;}
      .navbar{ margin-top:10px;  min-height: 50px; }
      .navbar-nav > li{    width: 11.5%;}
      .navbar-nav > li:first-child { border-left:0; }
      .navbar-nav > li:last-child{ border-right:0; }
      .navbar-nav > li > a {text-align: center;}
      .navbar-default .navbar-nav > li > a{color: #fff;padding: 15px 30px 15px 30px;}
      .navbar-default .navbar-nav > li > a:hover,
      .navbar-default .navbar-nav > li > a:focus,
      .navbar-default .navbar-nav > .active > a,
      .navbar-default .navbar-nav > .active > a:hover,
      .navbar-default .navbar-nav > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {
          background-color: #CFA970; color: #fff;}
      .navbar-brand{display: none;}
      .navbar-default .navbar-nav-e > li > a{}

      .navbar-fixed-top{margin-top:0px; min-height: 40px; background-color: rgba(32,32,32,0.9);}
      .navbar-fixed-top ul.navbar-nav > li > a{padding: 11px 28px 12px 28px;}
      
      .nav_small{background-color:#202020; background-color: rgba(32,32,32,0.8); padding: 8px 0px 8px 0px; border-radius: 0px; border: none; box-shadow: none;}
      .nav_small > li > a{line-height:26px; color: #fff; font-size: 13px;}
      .nav_small > li > a:hover{color: #fff; background-color: #CFA970;}
       #app_menudown,#small_search{ display:none; }
      .index_left_nav,.footer_nav{display:none; }
      .index_about {width: 600px;}
}

/*小屏幕*/
@media screen and (max-width: 768px) {
      .logo{display: block; margin: 0 auto; max-width:310px;margin-top:18px;margin-bottom: 15px;}
      .navbar-default .navbar-brand {color: #fff; font-size: 16px;}
      .navbar-default .navbar-brand:hover,
      .navbar-default .navbar-brand:focus {color: #fff;}
      .navbar-toggle{border:none;}
      .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:1px solid #202020;}
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
        background-color: #CFA970;
      }
      .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
      .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;}
      .navbar-default .navbar-nav > li {}
      .navbar-default .navbar-nav > li:last-child{border: none;}
      .navbar-default .navbar-nav > li > a,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #fff;}
      .navbar-default .navbar-nav > li > a:hover,
       .navbar-default .navbar-nav > li > a:focus,
       .navbar-default .navbar-nav > .active > a, 
       .navbar-default .navbar-nav > .active > a:hover, 
       .navbar-default .navbar-nav > .active > a:focus,
       .navbar-default .navbar-nav > .open > a, 
       .navbar-default .navbar-nav > .open > a:hover, 
       .navbar-default .navbar-nav > .open > a:focus,
       .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
        background-color: #CFA970; color: #fff;}
        .navbar-fixed-top{background-color: rgba(32,32,32,0.9);}

      .top_name{display: none;}
      .search_group{margin: 5px 0px 20px 0px;}
      #topsearch{display: none;}
      .product_head{background:none;}
      .product_head h2{font-size:26px;}
      .product_index{margin-top: 10px;}
      .product_list{padding: 20px 0px 0px 0px;}
      .product_img{min-height:80px; margin-bottom: 10px;}
      .product_list2 div.product_img{min-height:80px; margin-bottom: 10px;}
      .advantage_list{margin-top: 10px;}
      .advantage{padding: 40px 0px 10px 0px;background-size: cover;background-attachment: fixed;}
      .advantage_head p{font-size: 20px;}
      .advantage_head h2{font-size: 20px;}
      .advantage_col h4{text-align: center; margin-top: 15px;}
      .advantage_col span{text-align: center;}
      .advantage_col img{display: block; margin: 0 auto;}
      .about_content img{max-width: 420px;width: 100%;margin-bottom: 15px;}
      .about_content a.btn-info{width: 220px; display:block; margin: 0 auto;padding: 8px 0px;}
      .case_head h2,.news_head h2{font-size:24px;}
      .news_index{padding-left: 0px;}
      .news_index li span{left: 0px; top:0px;}
      .news_index li a{margin-left: 0px;}
      .news_index li em{display:block;margin-left: 0px;}
      .page_bg{display: none;}
      
      .left_h{margin-top: 10px;}
      .list_related h2.left_h{margin-top: 60px;}
      .product_con img,.contents img{width:100%;height:auto}
      .news_time{ display:none;}
      #pic-page a img {width:35px;}
      #cmsFloatPanel{ display: none;}
      .point span.to_prev,.point span.to_next{text-align:left; padding-bottom: 8px;}
      .product_list2{padding-top: 25px;}
      .link_box{padding-left: 7px;}
      .link_box a{display: block;border-right:0px;padding:4px 0px;}
      .link_title{display: block;}
      .link_title:after{content:"";}
      .link_box button{display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px;}
      .link_box button:hover,.link_box button:focus{color: #99A1C5;}
      .link_list{display: none; padding-top: 7px;}
      .tags_box{padding-left: 7px;}
      .tags_box a{display: block;border-right:0px;padding:4px 0px;}
      .tags_title{display: block;}
      .tags_title:after{content:"";}
      .tags_box button{display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px;}
      .tags_box button:hover,.tags_box button:focus{color: #99A1C5;}
      .tags_rows{display: none; padding-top: 7px;}
      .footer_nav{background-color: #fafafa;}
      footer{ margin-bottom:50px; padding-left: 8px; padding-right: 8px;}
}

@media screen and (max-width: 767px) {
     .copyright_p{ display:none;}
}

/*320px到768px*/
@media screen and (min-width:320px) and (max-width:768px) {
  .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
    float: left;
  }
  .col-mm-12 {
    width: 100%;
  }
  .col-mm-11 {
    width: 91.66666667%;
  }
  .col-mm-10 {
    width: 83.33333333%;
  }
  .col-mm-9 {
    width: 75%;
  }
  .col-mm-8 {
    width: 66.66666667%;
  }
  .col-mm-7 {
    width: 58.33333333%;
  }
  .col-mm-6 {
    width: 50%;
  }
  .col-mm-5 {
    width: 41.66666667%;
  }
  .col-mm-4 {
    width: 33.33333333%;
  }
  .col-mm-3 {
    width: 25%;
  }
  .col-mm-2 {
    width: 16.66666667%;
  }
  .col-mm-1 {
    width: 8.33333333%;
  }
}

@media screen and (max-width: 340px) {
  .logo{max-width:230px;}
}

.as{width:77%;padding: 20px;float:left;}
.bs{width:23%;padding: 20px;float:right;}
.bs span{background: url(li_1.png) no-repeat right;    border-left: 1px solid #e6e6e6;}

@media screen and (max-width: 768px) {
	.bs a span{font-size:12px}
	.bs{padding: 10px 0;}
}
.dh{color:#d0bc9e;padding-right: 25%;    float: right;    padding-top: 4.3%;font-size: 16px;}


























@charset "utf-8";

body {
	background-color: #F4F4F4;
	font-family: "微软雅黑";
}

.top51 {
	margin-top: 50px;
}

.top70 {
	margin-top: 70px;
}

.top10 {
	margin-top: 10px;
}

.top20 {
	margin-top: 20px;
}

.l10 {
	margin-left: 10px;
}

.z14 {
	font-size: 14px;
}

.z12 {
	font-size: 12px;
}

.z20 {
	font-size: 20px;
}

.z30 {
	font-size: 30px;
}

.og {
	color: #fd953e;
}

.f {
	float: left
}

.r {
	float: right
}

.df {
	clear: left;
}

.dr {
	clear: right;
}

.banner {
	height: 204px;
	background-position: center 0%;
	background-repeat: no-repeat;
	background-color: #17181c;
	position: fixed;
	width: 100%;
	z-index: 1;
	top: 50px;
}

.navbar {
	border-bottom-width: 0px;
}

.col-md-3 img {
	width: 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	transition: all 1s ease 0s;
}

.col-md-3 a {
	display: block;
}

.col-md-3 {
	margin-bottom: 20px;
	background-color: #FFF;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
	position: relative;
	transition: all 1s ease 0s;
	overflow: hidden
}

.col-md-3:hover {
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,0.7);
}

.col-md-3:hover img {
	-webkit-filter: brightness(.5);
	filter: brightness(.5);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.myNav a {
	display: inline-block;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 40px;
}

.col-lg-9,.col-lg-2 {
	margin-left: 0px;
	margin-right: 0px;
}

.m,.mn {
	z-index: 2;
	position: relative;
	margin-top: 255px;
	background-color: #F4F4F4;
	z-index: 2;
	position: relative;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
}

.mn {
	margin-top: 50px;
}

.m0 {
	padding-left: 0px;
	padding-right: 0px;
}

.cover-info {
	padding: 6px 15px 28px;
	height: 80px;
	overflow: hidden;
}

.cover-info h4 {
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: keep-all;
	white-space: nowrap;
	display: block;
	font-weight: bold;
	line-height: 18px;
	margin-top: 7px;
	margin-bottom: 5px;
}

.cover-info a {
	color: #60BDE8;
}

.cover-info small {
	color: #838383;
	padding-bottom: 10px;
}

.cover-fields {
	bottom: 34px;
	font-size: 12px;
	height: 35px;
	left: 10px;
	line-height: 35px;
	max-width: 210px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 15px;
	padding-right: 15px;
}

.cover-stat {
	background-color: #f6f6f6;
	border-radius: 0 0 3px 3px;
	border-top: 1px solid #e7e7e7;
	box-shadow: 0 1px 0 0 #fff inset;
	padding: 7px 15px 7px 15px;
	color: #8B8B8C;
	position: relative;
}

.cover-stat span {
	font-size: 10px;
	font-family: "Arial";
}

.cover-yh {
	position: absolute;
	right: 1px;
	top: 1px;
	border-left: 1px solid #ddd;
	color: #aaa;
	cursor: default;
	width: 29px;
	line-height: 34px;
	height: 35px;
	transition: color 0.15s linear;
	text-align: center;
	font-size: 14px;
}

.cover-yh a {
	color: #8B8B8C;
}

.cover-yh a:hover {
	color: #2D2D2D;
	text-decoration: none;
}

.f10 {
	padding-right: 12px;
}

.cover-fields a,.jz a {
	color: #69696d;
}

.cover-fields a:hover,.jz a:hover {
	color: #1769ff;
	text-decoration: none;
}

.popover-content {
	padding: 5px 5px;
}

.popover.top>.arrow:after {
	bottom: 5px;
	margin-left: 2px;
	content: " ";
	border-top-color: #000;
	border-bottom-width: 0;
}

.popover>.arrow:after {
	content: "";
	border-width: 7px;
}

.popover>.arrow {
	border-width: 0px;
}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: left;
	white-space: normal;
	background-color: #0B0B0B;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0);
	box-shadow: 0 5px 10px rgba(0,0,0,0);
	color: #FFF;
	border: 1px solid #000;
}

.nav-bg,.nav-bgn {
	height: 50px;
	background-color: #FFF;
	margin-bottom: 20px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.07);
	z-index: 5;
	position: relative;
	top: 255px;
}

.nav-bgn {
	top: 50px;
}

.jz {
	text-align: center;
	line-height: 50px;
	font-size: 15px;
	color: #C8C8C8;
	position: relative;
}

.sort {
	cursor: pointer;
	display: inline-block;
	padding-right: 30px;
	max-width: 33%;
	position: relative;
	text-align: left;
	padding-left: 30px;
}

.menuFixed {
	position: fixed;
	left: 0;
	z-index: 10;
	width: 100%;
}

.navbar-logo {
	float: left;
	height: 50px;
	padding: 10px 0px;
	font-size: 18px;
	line-height: 20px;
}

.nav>li>a {
	font-size: 12px;
}

.mh {
	-webkit-backface-visibility: hidden;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	opacity: 0.9;
	-webkit-animation: nvfadeInDown 1s .1s ease both;
	-moz-animation: nvfadeInDown .3s .1s ease both;
}

.ty {
	box-shadow: 0 1px 3px rgba(0,0,0,0.07);
}

.nav-zi {
	position: absolute;
	top: 50px;
	left: 0px;
	background-color: #fff;
	height: auto;
	width: 100%;
	text-align: left;
	border-top: 1px solid #E8E8E8;
}

.nav-zi ul {
	padding-top: 20px;
	padding-bottom: 10px;
}

.nav-zi li {
	width: 280px;
}

.nav-zi a {
	border: 1px solid #EDEDED;
	padding-left: 40px;
	margin-left: 10px;
	padding-right: 20px;
	margin-right: 10px;
	display: block;
	line-height: 40px;
	-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-ms-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	transition: all 0.6s ease-in;
}

.nav-zi a:hover {
	border: 1px solid #367dff;
}

.nav-zi i {
	padding-right: 10px;
	font-size: 18px;
}

.nav-bs {
	color: #FFF;
}

.ls {
	color: #1769ff;
}

.dltx {
	width: 37px;
	height: 37px;
	border-radius: 37px;
}

.nav-zibg {
	border-bottom: 2px solid #007AFB;
	padding-bottom: 13px;
}

.search-wrap {
	position: relative;
}

.search-wrap .search-txt {
	width: 100%;
	border-radius: 5px;
	padding-left: 30px;
	outline: none;
}

.search-btn {
	position: absolute;
	left: 5px;
	top: 5px;
	color: #A5A5A5;
	cursor: pointer;
	background: none;
	border: 0;
}

.bod {
	padding-bottom: 50px;
}

.foot {
	height: 32px;
	border-top: 1px solid #303030;
}

.foot ul {
	padding-left: 10px;
	padding-right: 10px;
}

.foot li {
	line-height: 32px;
	color: #939393;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

.footer-ss {
	border-right: 1px solid #000;
	box-shadow: 1px 0 0 #303030;
	padding-right: 12px;
}

.project {
	background: #fafafa;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	position: relative;
}

.project-header {
	border-bottom: 1px solid #e8e8e8;
	border-radius: 3px 3px 0 0;
	border-top: 1px solid #fff;
	height: auto;
	margin: auto;
	padding: 20px 25px 0;
	position: relative;
}

.project-header h1 {
	margin-top: 0px;
	font-size: 28px;
	color: #262626;
}

.project-header p {
	color: dimgray;
}

.project-header span {
	border-right: 1px solid #e8e8e8;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	padding-right: 10px;
}

.project-content {
	background-color: #FFF;
	padding-top: 30px;
	padding-right: 7.1%;
	padding-left: 7.1%;
	padding-bottom: 30px;
	border-radius: 4px;
	line-height: 1.8;
	font-size: 16px
}

.project-content h4 {
	font-size: 1.5em;
	padding-top: 10px;
	font-weight: 400;
}

.thumbile {
	width: 100%;
	border-radius: 4px;
	margin-bottom: 20px;
	text-align: center;
}

.thumbile a {
	width: 22%;
	margin-left: 1%;
	margin-right: 1%;
	font-size: 1.5rem;
	line-height: 30px;
}

.in100,.in2 {
	border-radius: 3px 3px 0 0;
	border-top: 1px solid #e8e8e8;
	height: auto;
	margin: auto;
	padding: 20px 6px;
	position: relative;
}

.in2 {
	padding: 20px 25px;
}

.pl {
	width: 90%;
	border: 1px solid #e8e8e8;
	padding: 4px;
	border-radius: 5px;
	margin-left: 8%;
	position: relative;
	margin-top: 20px;
}

.pl p {
	padding: 0px;
	margin: 0px;
	line-height: 26px
}

.pl ul {
	padding: 0px 20px;
	line-height: 26px;
}

.tx {
	position: absolute;
	top: 0px;
	left: -55px;
	width: 55px;
	height: 50px;
	background-image: url(tx.png);
	background-repeat: no-repeat;
	background-position: right 10px;
	padding-right: 12px;
}

.tx2 {
	width: 45px;
	left: -45px;
}

.tx img {
	width: 100%;
	border-radius: 45px;
}

.plbg {
	background-color: #eff6f9;
}

.zuo {
	border: 1px solid #e8e8e8;
	background-color: #FFF;
	padding: 15px;
	width: 200px;
	border-radius: 5px;
}

.zuo h6 {
	margin-top: 0px;
	color: #A7A7A7;
}

.zuo h4 {
	font-size: 14px;
	padding-top: 0px;
	margin-top: 3px;
}

.zuo img {
	display: block;
	margin-right: 10px;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	float: left
}

.zuo span {
	font-family: "Arial",sans-serif;
}

.zuox {
	width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btn-z {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	width: 100%;
}

.cjms {
	color: #5E5E5E;
	background-color: #fafaf9;
	font-size: 15px;
	font-weight: 600;
	border-left: 4px solid #dedede;
	border-right: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	border-top: 1px solid #F0F0F0;
	border-radius: 0px;
	box-shadow: 1px 3px #f9f9f9;
}

.tcc {
	height: 568px;
	background-image: url(tcbg.png);
}

.modal {
	border: 0px;
}

.modal-content2 {
	position: relative;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-header2 {
	min-height: 16.43px;
	padding: 15px;
}

.tcck,.tcck2 {
	padding-top: 174px;
	padding-left: 40px;
	padding-right: 40px;
}

.tcck2 {
	padding-top: 20px;
}

.input-group,.input-group .form-control {
	height: 50px
}

.input-group-lg>.input-group-btn>.btn {
	height: 50px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	width: 100px;
}

.modal-footer2 {
	padding-top: 0px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 15px;
}

.d3f {
	text-align: center;
}

.d3f a {
	width: 85px;
	height: 85px;
	border-radius: 85px;
	border: 1px solid #E7E7E7;
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block;
}

.d3f a:hover {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.4s ease-in;
	background-color: #fdd31c;
	border: 1px solid #fdd31c;
}

.qq {
	background-image: url(qq.png);
}

.sina {
	background-image: url(sina.png);
}

.git {
	background-image: url(git.png);
}

.zfb {
	background-image: url(zfb.png);
}

.posts-nav-wrap {
	text-align: center;
	width: 100%;
	height: 53px;
	margin: 20px 0 0 0;
	display: inline-block;
	clear: both;
}

.posts-nav li {
	margin: 0 13px 0 0;
	display: inline-block;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
}

.posts-nav li a {
	text-indent: -9999em;
	text-align: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	-moz-transition: all .20s ease-in-out;
	-webkit-transition: all .20s ease-in-out;
	transition: all .20s ease-in-out;
}

.posts-nav .next a {
	background: #999999 url(ico-pagination-arrow-next.png) no-repeat center;
	width: 144px;
	height: 53px;
	line-height: 53px;
}

.posts-nav .next a:hover {
	text-decoration: none;
	background: #ffe900 url(ico-pagination-arrow-next.png) no-repeat 110px center;
}

.posts-nav .previous a {
	width: 64px;
	height: 53px;
	line-height: 53px;
	background-color: #999999;
	background-image: url(ico-pagination-arrow-previous.png);
	background-position: center;
	background-repeat: no-repeat;
}

.posts-nav .previous a:hover {
	text-decoration: none;
	background: #ffe900 url(ico-pagination-arrow-previous.png) no-repeat 12px center;
}

.en {
	font-size: 20px;
	font-weight: bold;
}

.dwontop {
	margin-top: 45%;
	overflow: hidden
}

.dwonbtbg {
	background-color: #5bc0de;
	color: #fff;
}

.dwonx {
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.yuei {
	text-align: center;
}

.yuei a {
	text-decoration: none;
	color: #fff;
	font-size: 20px;
}

.yuei a:hover {
	font-weight: bold;
	background-color: #3f9dce;
	border: 1px solid #3f9dce;
	transition: all 1s ease 0s;
	color: #fff200
}

.f20 {
	padding-right: 20px
}

.xzsm {
	display: inline-block;
	width: 200px;
	height: 60px;
	min-height: 0px;
	line-height: 60px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #5bc0de;
	font-size: 18px;
}

.xza {
	background-color: #5bc0de;
}

.menu ul,.menu li {
	list-style-type: none;
}

.menu ul li {
	float: left;
	position: relative;
}

.menu ul li a,.menu ul li a:visited {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 80px;
	height: 30px;
	color: #000;
	line-height: 30px;
	font-size: 12px;
}

.menu ul li ul {
	display: none;
}

.menu ul li:hover a {
}

.menu ul li:hover ul {
	display: block;
	position: absolute;
	top: 0px;
	left: -41px;
	width: 105px;
}

.menu ul li:hover ul li a {
	display: block;
	color: #000;
}

.menu ul li:hover ul li a:hover {
	color: #000;
	color: #000;
}

.tpa {
	background-color: #F8F8F8;
}

.tpa a:hover {
	background-color: #999999;
}

.dou {
	-webkit-animation: dou 0.5s .2s ease both;
	-moz-animation: dou 0.5s .2s ease both;
}

@-webkit-keyframes dou {
	0%,100% {
		-webkit-transform: translateX(0);
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translateX(-5px);
	}

	20%,40%,60%,80% {
		-webkit-transform: translateX(5px);
	}
}

@-moz-keyframes dou {
	0%,100% {
		-moz-transform: translateX(0);
	}

	10%,30%,50%,70%,90% {
		-moz-transform: translateX(-5px);
	}

	20%,40%,60%,80% {
		-moz-transform: translateX(5px);
	}
}

.dou2 {
	-webkit-animation: dou2 1s .2s ease both;
	-moz-animation: dou2 1s .2s ease both;
}

@-webkit-keyframes dou2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes dou2 {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

.myleft {
	margin-left: 0px;
	margin-right: 0px;
	background-color: #FAFAFA;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.mym {
	margin-left: 0px;
	margin-right: 0px;
	background-color: #FAFAFA;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.myright {
	margin-left: 0px;
	margin-right: 0px;
	background-color: #fff;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	background: white;
}

.myleft-n,.myright-n {
	margin: 20px;
	border-radius: 10px;
}

.imgr20 {
	margin-right: 20px;
	display: block;
	border-radius: 15px;
}

.myleft-n button {
	width: 100%;
}

.topx {
	border-top: 1px solid #E0E0E0;
	padding-top: 20px;
}

.t0b0 {
	margin: 0px;
	padding: 0px;
	padding-left: 10px
}

.myNav {
	text-align: center;
}

.myMinh {
	min-height: 500px;
}

.txtr {
	text-align: right;
}

.spjz {
	margin-right: auto;
}

.x-top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d8e4e6;
	padding-top: 10px;
	margin-top: 30px;
}

.fy {
	width: 50%;
	overflow: hidden;
	height: 25px;
	font-size: 14px;
}

.txtRight {
	text-align: right;
}

.mBottom {
	margin-bottom: 20px;
}

.zhs {
	color: #cdcdcd;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
}

.PREVIOUS {
	height: 25px;
	padding-left: 35px;
	background-image: url(previous.png);
	background-repeat: no-repeat;
	line-height: 25px;
	background-position: left center;
}

.NEXT {
	height: 25px;
	background-image: url(next.png);
	background-repeat: no-repeat;
	line-height: 25px;
	background-position: right center;
	padding-right: 35px;
}

.NEXT a:hover {
	color: #39F;
}

.jg20 {
	padding-left: 20px;
}

.jg20r {
	padding-right: 20px;
}

.jg35 {
	padding-left: 35px;
}

.jg352 {
	padding-right: 35px;
}

.err {
	border-color: #A94442;
	background-color: #ffe7e7
}

.errts {
	padding: 5px;
	padding-left: 20px;
}

.project-content img {
	max-width: 100%
}

.red {
	background-color: #FF4F4F;
}

.pwd {
	width: 600px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	padding: 20px;
}

.pwdbut {
	line-height: 36px;
}

.jjk20 {
	padding-left: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
}

.z16 {
	font-size: 16px;
}

.cjnr {
	padding-top: 10px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 0px;
}

.cjbg {
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
}

.zxzf {
	width: 990px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	padding: 20px;
	border: 1px solid #e3e3e3;
	background-image: url(zfbcz.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 60px
}

.zxzf2 {
	width: 990px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	padding: 20px;
	border: 1px solid #e3e3e3;
	padding-top: 133px
}

.msage {
	background-color: #fff0f0;
	border-bottom-width: 1px;
	border-bottom-color: #f3d2d2;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	margin-bottom: 5px
}

.msclose {
	position: absolute;
	top: 0px;
	right: 22px
}

pre {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.7;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #fbfbfb;
	border: 1px dotted #DADADA;
	border-radius: 4px;
	overflow: auto;
	font-family: Verdana
}

.pl pre {
	background-color: #FFFFFF;
}

.edui-combox-body .edui-button-body {
	width: 140px;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
	white-space: nowrap;
	margin: 0 3px 0 0;
}

.pd10 {
	padding-left: 10px;
	padding-right: 10px
}

.adinfo {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 50px;
	width: 320px;
}

.m10 {
	margin-bottom: 10px
}

.jl {
	color: #ff7800;
	padding-left: 20px;
	display: none
}

.on_changes2 {
	width: 255px;
	position: absolute;
	top: 49px;
	left: 51px;
	list-style: none;
	background: #FFF;
	border: 1px solid #d3d3d3;
	display: none;
	padding: 10px;
	z-index: 5
}

.on_changes2 li {
	margin: 5px;
	padding: 4px;
}

.on_changes2 li.active {
	background: #CEE7FF;
}

.banseo {
	width: 506px;
	height: 34px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	top: 56px
}

.bantxt {
	width: 504px;
	height: 34px;
	border: 1px solid #2c2c2c;
	background-color: #131418;
	padding-left: 20px;
	padding-right: 20px;
	outline: none;
	color: #B7B7B7;
	border-radius: 34px;
	opacity: 0.8;
}

::-webkit-input-placeholder {
	color: #666666;
}

:-moz-placeholder {
	color: #666666;
}

::-moz-placeholder {
	color: #666666;
}

:-ms-input-placeholder {
	color: #666666;
}

.banbutt {
	position: absolute;
	right: 0px;
	background-color: transparent;
	border-width: 0px;
	outline: none;
}

.banbutt:hover {
	color: #fff
}

.m5 {
	margin-bottom: 5px
}

.hf {
	float: right;
	font-size: 12px;
	line-height: 26px;
}

.lyhftxt {
	width: 100%;
	height: 200px;
	padding: 10px 20px;
	outline: none;
	border: 1px solid #d2dadd;
	background: #F8F8F8;
	color: #3a3a3a;
	font-size: 13px;
	word-wrap: break-word;
	word-break: break-all;
}

.qxhf {
	float: right;
}

.pl a {
	color: #5d6c80;
	text-decoration: none;
	cursor: pointer
}

.qxhf a {
	color: #5d6c80;
	text-decoration: none;
	cursor: pointer
}

.huif a {
	color: #5d6c80;
	text-decoration: none;
	cursor: pointer
}

.myhome img {
	width: 37px;
	border-radius: 37px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}

.myhome:hover .myhome-z {
	display: block;
}

.myhome {
	padding-bottom: 10px
}

.myhome-z {
	top: 50px;
	left: -50px;
	position: absolute;
	width: 107px;
	line-height: 30px;
	background-color: #FFF;
	display: none
}

.myhome-z a {
	display: block;
	text-align: center;
	text-decoration: none;
}

.myhome-z a:hover {
	background-color: #FFF5C5;
	font-weight: bold;
}

.bh {
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.4s ease-in;
}

.huif {
	width: 716px;
	border-top: 1px solid #ebebeb;
	padding-top: 10px;
	position: absolute;
	left: 130px;
	display: none
}

.plbg2 {
	background-color: #f1f1f1
}

.nadc {
	-webkit-animation: nvfadeInDown .3s .1s ease both;
	-moz-animation: nvfadeInDown .3s .1s ease both;
}

@-webkit-keyframes nvfadeInDown {
	0% {
		opacity: .2;
		100%{opacity: 1
	}
}

100% {
	opacity: 1;
}}

@-moz-keyframes nvfadeInDown {
	0% {
		opacity: .2;
	}

	100% {
		opacity: 1;
	}
}

#nvanimation {
	-webkit-animation: nvfadeOutUp 1s .2s ease both;
	-moz-animation: nvfadeOutUp 1s .2s ease both;
}

@-webkit-keyframes nvfadeOutUp {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes nvfadeOutUp {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.baniframe {
	width: 100%;
	height: 100%;
	border-width: 0px;
}

.banbk {
	padding-right: 0px;
	padding-left: 0px;
}

.banjz {
	text-align: center;
	padding-bottom: 10px
}

td,th {
	border: 1px solid #EBEBEB;
	padding: 6px;
}

.auto_hidden {
	transition: all 1s ease 0s;
	width: 204px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	position: absolute;
	display: none;
}

.auto_onmouseover {
	transition: all .5s ease 0s;
	color: #f5ffb1;
	background-color: #4a1d1d;
	width: 100%;
	line-height: 30px;
	padding-left: 20px;
	padding-right: 15px;
	font-weight: bold;
	border-radius: 7px;
	cursor: pointer
}

.auto_onmouseout {
	color: #fff;
	width: 100%;
	line-height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	transition: all 1s ease 0s;
}

.auto_show {
	width: 204px;
	border: 1px solid #000;
	position: fixed;
	z-index: 9999;
	background-color: #000;
	display: block;
	border-radius: 7px;
	opacity: 0.9;
	transition: all 1s ease 0s;
	max-height: 510px;
	overflow: hidden;
	-webkit-animation: fadeInDown 0.5s .2s ease both;
	-moz-animation: fadeInDown 0.5s .2s ease both;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		height: 0px;
		-webkit-transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		max-height: 510px;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

.inputElem {
	height: 22px;
	line-height: 22px;
	border: 1px solid #ccc;
}

.parentCls {
	width: 200px;
	height: auto;
	margin: 0 auto;
}

.parentCls ul {
	padding-left: 10px;
	padding-right: 10px;
}

.auto-tip li {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-indent: 10px;
	transition: all 0.5s ease 0s;
	list-style: none;
}

.auto-tip li.hoverBg {
	background: #a1e8ff;
	cursor: pointer;
	font-weight: bold;
	text-indent: 20px;
}

.hidden {
	display: none;
}

.auto-tip {
	background-color: #fff
}

.bdsharebuttonbox .ttqq,.bdsharebuttonbox .ttwx,.bdsharebuttonbox .ttqzone,.bdsharebuttonbox .ttbdhome,.bdsharebuttonbox .ttsina,.bdsharebuttonbox .ttbaidu,.bdsharebuttonbox .ttrenren,.bdsharebuttonbox .tttqq,.bdsharebuttonbox .tthuaban,.bdsharebuttonbox .ttfbook,.bdsharebuttonbox .ttmore {
	background-repeat: no-repeat;
	background-image: url(fxtb.png);
	background-position: 0px 0px;
}

.bdsharebuttonbox .ttwx {
	background-position: 0px -24px;
}

.bdsharebuttonbox .ttqzone {
	background-position: 0px -48px;
}

.bdsharebuttonbox .ttbdhome {
	background-position: 0px -72px;
}

.bdsharebuttonbox .ttsina {
	background-position: 0px -96px;
}

.bdsharebuttonbox .ttrenren {
	background-position: 0px -120px;
}

.bdsharebuttonbox .tttqq {
	background-position: 0px -144px;
}

.bdsharebuttonbox .tthuaban {
	background-position: 0px -168px;
}

.bdsharebuttonbox .ttfbook {
	background-position: 0px -192px;
}

.bdsharebuttonbox .ttmore {
	background-position: 0px -216px;
}

.project-content h3 {
	border-bottom: 1px solid #EBEBEB;
	padding-bottom: 15px;
}

.project-content h4 {
	font-size: 22px;
	border-left: 2px solid #c7c7c7;
	padding-left: 10px;
	line-height: 18px;
	margin-top: 20px;
	padding-bottom: 10px;
}

.project-content table {
	font-size: 15px
}

.project-content td {
	padding-left: 15px
}

.c-btn {
	color: #ffffff;
	text-decoration: none;
	position: relative;
	display: inline-block;
	height: 100%;
}

.c-btn:after {
	content: '';
	display: block;
	position: absolute;
}

.c-btn:before {
	content: '';
	display: block;
	position: absolute;
}

.c-btn--border-line {
	background: none;
	border: 0;
	box-sizing: border-box;
	box-shadow: inset 0 0 0 0px transparent;
}

.c-btn--border-line:after,.c-btn--border-line:before {
	box-sizing: border-box;
	border: 1px solid transparent;
	width: 0;
	height: 0;
}

.c-btn--border-line:after {
	top: 0;
	left: 0;
	-webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
	transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}

.c-btn--border-line:before {
	bottom: 0;
	right: 0;
	-webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
	transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}

.c-btn--border-line:hover:after,.c-btn--border-line:hover:before {
	width: 100%;
	height: 100%;
}

.c-btn--border-line:hover:after {
	border-top-color: #367dff;
	border-right-color: #367dff;
	-webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
	transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
}

.c-btn--border-line:hover:before {
	border-bottom-color: #367dff;
	border-left-color: #367dff;
	-webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
	transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}

.c-btn--line:after {
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	bottom: 0;
	background-color: #367dff;
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);
	transition: -webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);
	transition: transform 0.6s cubic-bezier(0.55,0,0.1,1);
	transition: transform 0.6s cubic-bezier(0.55,0,0.1,1),-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);
}

.c-btn--line:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);
	transition: -webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);
	transition: transform 0.6s cubic-bezier(0.55,0,0.1,1);
	transition: transform 0.6s cubic-bezier(0.55,0,0.1,1),-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);
}

.zuox span {
	font-size: 11px;
	font-family: "微软雅黑";
}

.fx {
	margin-bottom: 10px
}

@media (max-width:1199) {
}

@media (max-width:991px) {
	.navxs {
		display: none
	}

	.thumbile a {
		width: 100%;
		margin-bottom: 10px;
	}

	.fx {
		width: 100%;
		margin-bottom: 10px;
		float: left;
		margin-top: 10px
	}

	.nav-zi li {
		width: 45%;
	}
}

@media (max-width:767px) {
	.sort {
		padding-right: 7px;
		padding-left: 7px;
	}
}

.pla {
	display: none
}

.plb {
	display: block
}

.itop {
	position: fixed;
	right: 10px;
	bottom: 40px;
	display: none;
	margin-bottom: 5px;
	width: 40px;
	height: 36px;
	border-radius: 2px;
	background: url(iconsprite_btbar.png) 8px 6px no-repeat;
	background-color: #444;
	background-color: rgba(0,0,0,.6);
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
}

.xyd {
	width: 15px;
	height: 15px;
	background-color: #ff4343;
	font-family: Arial;
	font-size: .6em;
	position: fixed;
	right: 5px;
	top: 3px;
	z-index: 99;
	text-align: center;
	line-height: 15px;
	border-radius: 15px;
	color: #fff;
	display: none;
	-webkit-animation: bounce 1s .2s 3 ease both;
	-moz-animation: bounce 1s .2s 3 ease both;
}

@-webkit-keyframes bounce {
	0%,20%,50%,80%,100% {
		-webkit-transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-5px)
	}

	60% {
		-webkit-transform: translateY(-2px)
	}
}

@-moz-keyframes bounce {
	0%,20%,50%,80%,100% {
		-moz-transform: translateY(0)
	}

	40% {
		-moz-transform: translateY(-5px)
	}

	60% {
		-moz-transform: translateY(-2px)
	}
}

table tr:first-child {
	background: #eaf9ff;
	color: #000;
	font-weight: bold;
}

table {
	border-top: 1pt solid #ebebeb;
	border-left: 1pt solid #ebebeb;
}

td {
	padding: 5px 10px;
	border-right: 1pt solid #ebebeb;
	border-bottom: 1pt solid #ebebeb;
}

tr:nth-of-type(odd) {
	background: #fbfbfb
}

tr:hover {
	background: #fffeec;
}

@media screen and (max-width:1205px) {
	.adgg {
		display: none
	}
}
.advantage_head h2 a{color:#fff;text-decoration:none;}
.aboutimg{display:none}
@media screen and (max-width:600px) {

.product_list2 div.product_img{width:100%}
.aboutimg{display:block}
.aboutimag{display:none}
}
.about_content{border: 1px solid #d6d6d6;
background-color: #fff;padding: 20px;margin-top:20px}
.about_content img{margin:0;width:100%}
a:hover{    text-decoration: none;}
.about_content a{color:#585858;padding-top:20px}
.about_content p {
line-height:22px;}
.abouta{text-align:center}
.about_contents	{    float: left;
    padding-top: 10px;}